<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" ng-click="$dismiss()" aria-label="Close">
            <em class="ion-ios-close-empty sn-link-close"></em>
        </button>
        <h4 class="modal-title" id="myModalLabel">{{title}}</h4>
    </div>
    <div class="modal-body  video-can" style="height: 560px; padding: 0;">
        <!--<img src="http://127.0.0.1:7080/devimg/0f0e0d000001/18-09-10_10_54_767.jpg" alt="" width="100%" height="500px">-->
        <div id="divPlugin" class="plugin" style=" width:900px; height:510px; margin-left: 0; margin-right: auto; margin-top: 10px"></div>

        <div class="control-panel">
            <div class="left" ng-mousedown="left()" ng-mouseup="controlUp()">
                <i class="ion-chevron-left"></i>
            </div>
            <div class="up" ng-mousedown="up()" ng-mouseup="controlUp()">
                <i class="ion-chevron-up"></i>
            </div>

            <div class="down" ng-mousedown="down()" ng-mouseup="controlUp()">
                <i class="ion-chevron-down"></i>
            </div>
            <div class="right" ng-mousedown="right()" ng-mouseup="controlUp()">
                <i class="ion-chevron-right"></i>
            </div>

            <div class="zoom-out" ng-mousedown="zoomOut()" ng-mouseup="zoomUp()">
                <i class="ion-minus-round"></i>
            </div>
            <div class="zoom-in" ng-mousedown="zoomIn()" ng-mouseup="zoomUp()">
                <i class="ion-plus-round"></i>
            </div>

            <div class="hd-video" ng-click="hdVideo()">{{ratio}}</div>
        </div>
    </div>
</div>